<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="container">
      <div class="tabbar tab-one">
        <ul class="flex-center">
          <li class="home active" data-where="home">
            <svg
              t="1671937996952"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2899"
              width="20"
              height="20"
            >
              <path
                d="M979.792374 404.577188 574.183101 83.942886c-34.918864-27.694272-89.619352-27.694272-124.538216 0L44.207626 404.577188c-13.933143 11.008903-16.169326 31.134554-5.332437 44.895683s30.618512 16.169326 44.551655 5.332437l12.55703-10.320847 0 387.547791c0 54.872501 57.968755 95.983874 108.712918 95.983874l639.892491 0c50.22812 0 83.254829-38.531161 83.254829-95.983874L927.844112 445.860575l11.69696 8.944734c5.84848 4.644381 13.073072 6.880564 20.125651 6.880564 9.460776 0 18.921552-4.128339 25.286074-12.213002C995.9617 435.711742 993.725517 415.586091 979.792374 404.577188zM479.919368 864.026877 479.919368 686.508315c0-8.77272 15.997312-13.245087 31.994625-13.245087s31.994625 4.472367 31.994625 13.245087l0 177.346548L479.919368 864.026877 479.919368 864.026877zM864.026877 832.032253c0 21.157736-5.84848 31.994625-19.26558 31.994625L608.585923 864.026877c0-0.516042-0.688056-0.860071-0.688056-1.376113L607.897867 686.508315c0-37.155048-29.930455-77.234336-95.983874-77.234336s-95.983874 40.079288-95.983874 77.234336l0 176.142449c0 0.516042 0.860071 0.860071 0.860071 1.376113L204.868806 864.026877c-20.125651 0-44.723669-17.373425-44.723669-31.994625L160.145137 393.740299 488.864102 134.171006c11.868974-9.288762 33.198723-9.288762 44.895683 0l330.095078 261.11742L863.854863 832.032253z"
                fill="#575B66"
                p-id="2900"
              ></path>
            </svg>
          </li>
          <li class="products" data-where="products">
            <svg
              t="1671938443149"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="9409"
              width="20"
              height="20"
            >
              <path
                d="M842.49567 1023.998976H181.50433a102.399898 102.399898 0 0 1-102.399897-112.127888L147.200365 209.151791a51.199949 51.199949 0 0 1 51.199949-46.335954h627.199372a51.199949 51.199949 0 0 1 51.199949 46.335954l67.839932 702.719297A102.399898 102.399898 0 0 1 842.49567 1023.998976z"
                fill="#44DCDF"
                p-id="9410"
              ></path>
              <path
                d="M825.599686 162.815837H198.400314a51.199949 51.199949 0 0 0-51.199949 46.335954L84.992427 853.759146A102.399898 102.399898 0 0 0 181.50433 921.599078h660.99134a102.399898 102.399898 0 0 0 96.511903-67.839932L876.799635 209.151791a51.199949 51.199949 0 0 0-51.199949-46.335954z"
                fill="#7AEDE5"
                p-id="9411"
              ></path>
              <path
                d="M614.399898 427.007573A121.599878 121.599878 0 0 0 512 486.399514a121.599878 121.599878 0 0 0-102.399898-58.111942 99.327901 99.327901 0 0 0-102.399897 102.399897 174.335826 174.335826 0 0 0 71.423928 134.143866A453.887546 453.887546 0 0 0 512 734.207266a453.887546 453.887546 0 0 0 133.375867-70.14393A174.335826 174.335826 0 0 0 716.799795 529.91947a99.327901 99.327901 0 0 0-102.399897-102.911897z"
                fill="#F0A0F2"
                p-id="9412"
              ></path>
              <path
                d="M711.167801 494.847505A96.767903 96.767903 0 0 0 614.399898 427.007573 121.599878 121.599878 0 0 0 512 486.399514a121.599878 121.599878 0 0 0-102.399898-58.111942 99.327901 99.327901 0 0 0-102.399897 102.399897 174.335826 174.335826 0 0 0 71.423928 134.143866 273.407727 273.407727 0 0 0 25.599975 17.919982H409.600102c149.50385-0.511999 274.175726-81.151919 301.567699-187.903812z"
                fill="#F5AEF4"
                p-id="9413"
              ></path>
              <path
                d="M353.792158 494.847505m-12.031988 0a12.031988 12.031988 0 1 0 24.063976 0 12.031988 12.031988 0 1 0-24.063976 0Z"
                fill="#FFFFFF"
                p-id="9414"
              ></path>
              <path
                d="M335.104177 532.735467c2.559997-14.335986 12.799987-17.407983 17.663982-11.519988s-3.583996 15.103985 3.071997 46.079954a511.999488 511.999488 0 0 0 18.175982 52.479947c0 5.631994-21.247979-18.687981-31.743968-43.519956a86.783913 86.783913 0 0 1-7.167993-43.519957z"
                fill="#FFFFFF"
                p-id="9415"
              ></path>
              <path
                d="M345.600166 226.815773m-38.399961 0a38.399962 38.399962 0 1 0 76.799923 0 38.399962 38.399962 0 1 0-76.799923 0Z"
                fill="#44DCDF"
                p-id="9416"
              ></path>
              <path
                d="M678.399834 226.815773m-38.399962 0a38.399962 38.399962 0 1 0 76.799923 0 38.399962 38.399962 0 1 0-76.799923 0Z"
                fill="#44DCDF"
                p-id="9417"
              ></path>
              <path
                d="M703.999808 230.39977h-51.199949V191.999808a140.799859 140.799859 0 0 0-281.599718 0V230.39977h-51.199949V191.999808a191.999808 191.999808 0 0 1 383.999616 0z"
                fill="#44DCDF"
                p-id="9418"
              ></path>
            </svg>
          </li>
          <li class="services" data-where="services">
            <svg
              t="1671938366867"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="7533"
              width="20"
              height="20"
            >
              <path
                d="M512 796a456.672 456.672 0 0 1-74.768-6.4L262 896V718.976C170.64 654.832 112 556.48 112 446 112 252.704 291.088 96 512 96s400 156.704 400 350S732.912 796 512 796z m0-650c-193.296 0-350 134.32-350 300 0 101.664 59.2 191.344 149.376 245.6l-1.6 115.968 117.68-70.736a404.8 404.8 0 0 0 84.544 9.168c193.296 0 350-134.304 350-300S705.296 146 512 146zM336 400a48 48 0 1 1-48 48 48 48 0 0 1 48-48z m176 0a48 48 0 1 1-48 48 48 48 0 0 1 48-48z m176 0a48 48 0 1 1-48 48 48 48 0 0 1 48-48z"
                p-id="7534"
              ></path>
            </svg>
          </li>
          <li class="about" data-where="about">
            <svg
              t="1671938301563"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="6553"
              width="20"
              height="20"
            >
              <path
                d="M848 712H318.4c-25.6 0-46.4-19.2-48-41.6L240 201.6c-1.6-25.6-16-46.4-38.4-57.6l-48-20.8c-12.8-4.8-25.6 0-32 12.8s0 25.6 12.8 32l46.4 20.8c6.4 3.2 11.2 9.6 11.2 17.6l28.8 468.8c3.2 48 46.4 86.4 96 86.4H848c12.8 0 24-11.2 24-24s-11.2-25.6-24-25.6z"
                p-id="6554"
              ></path>
              <path
                d="M884.8 265.6c-14.4-16-35.2-25.6-57.6-25.6H337.6c-12.8 0-24 11.2-24 24s11.2 24 24 24h489.6c8 0 16 3.2 20.8 9.6 4.8 6.4 8 14.4 8 22.4l-38.4 211.2v1.6c-1.6 14.4-12.8 24-27.2 25.6l-420.8 32c-12.8 1.6-22.4 12.8-22.4 25.6 1.6 12.8 11.2 22.4 24 22.4h1.6l419.2-32c36.8-3.2 67.2-30.4 70.4-67.2l38.4-212.8v-1.6c4.8-20.8-1.6-43.2-16-59.2z"
                p-id="6555"
              ></path>
              <path
                d="M305.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z"
                p-id="6556"
              ></path>
              <path
                d="M753.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z"
                p-id="6557"
              ></path>
            </svg>
          </li>
          <li class="help" data-where="help">
            <svg
              t="1671938258943"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="5584"
              width="20"
              height="20"
            >
              <path
                d="M515.072 1013.248a491.52 491.52 0 1 1 213.504-934.4 30.72 30.72 0 0 1-25.6 55.296 430.08 430.08 0 1 0 241.664 366.848 30.72 30.72 0 1 1 61.44-2.816 491.52 491.52 0 0 1-491.008 515.072z"
                fill=""
                p-id="5585"
              ></path>
              <path
                d="M515.072 804.864A281.6 281.6 0 0 1 247.552 614.4a30.72 30.72 0 0 1 58.112-20.224 219.904 219.904 0 0 0 51.2 84.224 222.208 222.208 0 0 0 313.856 0 219.392 219.392 0 0 0 51.2-84.224 30.72 30.72 0 0 1 58.112 20.224 281.6 281.6 0 0 1-267.52 190.208z"
                fill=""
                p-id="5586"
              ></path>
              <path
                d="M902.4 268.032m-30.72 0a30.72 30.72 0 1 0 61.44 0 30.72 30.72 0 1 0-61.44 0Z"
                fill=""
                p-id="5587"
              ></path>
              <path
                d="M954.624 378.112m-30.72 0a30.72 30.72 0 1 0 61.44 0 30.72 30.72 0 1 0-61.44 0Z"
                fill=""
                p-id="5588"
              ></path>
              <path
                d="M818.176 175.36m-30.72 0a30.72 30.72 0 1 0 61.44 0 30.72 30.72 0 1 0-61.44 0Z"
                fill=""
                p-id="5589"
              ></path>
            </svg>
          </li>
        </ul>
      </div>
    </div>

    <script src="./tabbar.js"></script>

    <style>
      @import url("./tabbar.css");
    </style>
  </body>
</html>
